
<div class="module">


	<button class="btn btn-primary pull-right" ep-open-modal="nuevo-grado">
		Nuevo Grado <i class="glyphicon glyphicon-plus "></i>
	</button>
	<div class="input-group">
		<span class="input-group-addon"><i
			class="glyphicon glyphicon-search"></i></span> <input type="text"
			class="form-control" ng-model="filtroGrado">
	</div>

	<div style="max-height: 340px; overflow-y: auto">
		<table class="table table-condensed table-hover">
			<thead style="display: table-header-group">
				<tr>
					<th>Nombre</th>
					<th>Prefijo</th>
					<th>Descripcion</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="grado in grados | filter:filtroGrado"
					ng-click="verGrado(grado)">
					<td ng-bind="grado.nombre"></td>
					<td ng-bind="grado.prefijo"></td>
					<td ng-bind="grado.descripcion"></td>
					<td></td>
				</tr>
			</tbody>

		</table>
	</div>


</div>

<ep-modal-pane aceptar="crearGrado()" modal-id="nuevo-grado"
	title="Nuevo Grado">
<div class="form-group">
	<label>Nombre</label> <input class="form-control" type="text"
		ng-model="$parent.nuevoGrado.nombre">
</div>
<div class="form-group">
	<label>Prefijo</label> <input class="form-control" type="text"
		ng-model="$parent.nuevoGrado.prefijo">
</div>
<div class="form-group">
	<label>Descripcion</label>
	<textarea class="form-control"
		ng-model="$parent.nuevoGrado.descripcion"></textarea>
</div>
</ep-modal-pane>

